<template>
	<view class="">
		<u-navbar :is-back="true" :custom-back="goBack" title="二维码" back-text="">
		</u-navbar>
		<!-- <view class="" style="position: fixed;top: 40%;left: 40%;">
			<div class="qrcode" ref="qrCodeUrl"></div>
		</view> -->
		<view class="qrimg" style="position: fixed;top: 40%;left: 40%;">
			<view class="qrimg">
			    <tki-qrcode
			    ref="qrcode"
			    val="https://e.yhhuoxing.com/mp/vr/VHUO2020121401"
				:size="size"
			    background="#000"
			    foreground="#fff"
			    pdground="#fff"
			    :onval="onval"
			    :loadMake="loadMake"
			    :showLoading="showLoading"
			    loadingText="二维码生成中"
			   />
			</view>
		</view>
	</view>
</template>

<script>
	import tkiQrcode from "@/components/tki-qrcode/tki-qrcode.vue"
	// import QRCode from 'qrcodejs2'
	export default {
		components: {tkiQrcode},
		data() {
			return {
				size:200, //二维码大小
				backgroundColor: '#fff', //背景色
				foreground:'#000', //前景色
				pdground:'#000', //角标色
				icon:'../../static/logo.png' ,//二维码图标
				iconsize:45,//二维码图标大小
				lv:3,//二维码容错级别
				onval:true,//vak值变化时自动重新生成二维码
				loadMake:true,//组件加载完成后自动生成二维码
				src:'', // 二维码生成后的图片地址或base64
				showLoading:true,
				
			}
		},
		// onLoad(options) {
		// 	this.Qrcode = options.url
		// 	console.log(this.Qrcode,'+++qrcode' )
		// }
	}
</script>

<style>
</style>
